<template>
    <div>
        <div v-if="curComponent.component=='Mobile-scrollX'">
            <el-form-item label="模块宽度">
                <el-input  v-model="curComponent.propValue.itemWidth" type="number" />
            </el-form-item>
            <el-form-item label="模块高度">
                <el-input  v-model="curComponent.propValue.itemHeight" type="number" />
            </el-form-item>
            <el-form-item label="模块圆角">
                <el-input  v-model="curComponent.propValue.borderRadius" type="number" />
            </el-form-item>
            <el-form-item label="模块间距">
                <el-input  v-model="curComponent.propValue.itemMarginBetween" type="number" />
            </el-form-item>
            <el-form-item label="模块背景">
                <el-color-picker v-model="curComponent.propValue.itemBg" show-alpha></el-color-picker>
            </el-form-item>
            <el-form-item label="图片上边距">
                <el-input  v-model="curComponent.propValue.imgTop" type="number" />
            </el-form-item>
            <el-form-item label="图片左边距">
                <el-input  v-model="curComponent.propValue.imgTop" type="number" />
            </el-form-item>
            <el-form-item label="标题大小">
                <el-input  v-model="curComponent.propValue.titleSize" type="number" />
            </el-form-item>
            <el-form-item label="标题上间距">
                <el-input  v-model="curComponent.propValue.titleTop" type="number" />
            </el-form-item>
            <el-form-item label="标题左间距">
                <el-input  v-model="curComponent.propValue.titleLeft" type="number" />
            </el-form-item>
            <el-form-item label="内容大小">
                <el-input  v-model="curComponent.propValue.contentSize" type="number" />
            </el-form-item>
            <el-form-item label="内容上边距">
                <el-input  v-model="curComponent.propValue.contentTop" type="number" />
            </el-form-item>
            <el-form-item label="内容左边距">
                <el-input  v-model="curComponent.propValue.contentLeft" type="number" />
            </el-form-item>
            <el-form-item label="模块间距">
                <el-input  v-model="curComponent.propValue.itemMarginBetween" type="number" />
            </el-form-item>
        </div>
    </div>
</template>

<script>
export default {
    props: ["curComponent"],
};
</script>

<style scoped></style>
